@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  [type='text']:focus,
  [type='email']:focus,
  [type='url']:focus,
  [type='password']:focus,
  [type='number']:focus,
  [type='date']:focus,
  [type='datetime-local']:focus,
  [type='month']:focus,
  [type='search']:focus,
  [type='tel']:focus,
  [type='time']:focus,
  [type='week']:focus,
  [multiple]:focus,
  textarea:focus,
  select:focus {
    --tw-ring-color: #1D7FF2;

    border-color: var(--tw-ring-color);
  }

  [type="checkbox"],
  [type="radio"] {
    color: #1D7FF2;
  }

  [type="checkbox"]:focus,
  [type="radio"]:focus {
    --tw-ring-color: #1D7FF2;

    font-weight:400;
  }

  input::placeholder,
  textarea::placeholder {
    color: #CFD3DE !important;
  }
}
